|
Kurs HTML 4.01, XHTML 1.0 i CSS 2 z przyk│adami
autor: Dariusz Majgier •
ostatnia aktualizacja kursu: 2003.06.01
|
[Start] •
[Elementy HTML] •
[Atrybuty HTML] •
[Style CSS] •
[Porady online]
[A]
[B]
[C]
[D]
[E]
[F]
[H]
[I]
[K]
[L]
[M]
[N]
[O]
[P]
[Q]
[R]
[S]
[T]
[U]
[V]
[W]
[Z]
[kolory] •
[tekst] •
[czcionki] •
[rozmiary] •
[pozycje] •
[tabele] •
[listy] •
[formularze]
[struktura] •
[linki] •
[multimedia] •
[bloki] •
[obramowania] •
[t│a] •
[synteza] •
[druk]
OPTGROUP
Element definiuje etykiety dla zgrupowanych p≤l wyboru. Element nie jest jednak poprawnie interpretowany przez przegl▒darki.
Atrybuty elementu:
- • disabled
=[brak warto╢ci] opcjonalny - N6
- wy│▒cza element
- • label
=[tekst] opcjonalny - N6
- etykieta grupy
- • id,
class
=[tekst] opcjonalne - IE3, N4, O3.5
- unikalny identyfikator i nazwa klasy CSS
- • lang, dir
=[tekst] opcjonalne - IE4
- jΩzyk i kierunek wy╢wietlania tekstu b▒d╝ elementu
- • title
=[tekst] opcjonalny - IE5
- tytu│ elementu
- • style
=[CSS] opcjonalny - IE3, N4, O3.5
- styl CSS elementu
- • onclick,
ondblclick,
onmousedown,
onmouseup,
onmouseover,
onmousemove,
onmouseout,
onkeypress,
onkeydown,
onkeyup =[skrypt] opcjonalne
- reakcje na zdarzenia pochodz▒ce od myszy lub klawiatury
Pozosta│e cechy:
• znacznik zamykaj▒cy: wymagany
• po│o┐enie:
wewn▒trz elementu SELECT
• przegl▒darki: N6
Grupa element≤w tabel:
BUTTON,
FIELDSET,
FORM,
INPUT,
ISINDEX,
LABEL,
LEGEND,
OPTGROUP,
OPTION,
SELECT,
TEXTAREA
Przyk│adowe zastosowania:
• Przyk│ad 1:
<form action="..." method="get">
<fieldset>
<legend>pola tekstowe</legend>
<label for="imie">imie: </label>
<input type="text" id="imie"><br>
<label for="nazwisko">nazwisko: </label>
<input type="text" id="nazwisko"><br>
pole baz label: <input type="text"><br>
</fieldset>
<fieldset>
<legend>pola wyboru</legend>
<select>
<optgroup label="systemy operacyjne">
<option label="windows"
value="w">system Windows</option>
<option label="unix"
value="u">system Unix</option>
</optgroup>
<optgroup label="procesor">
<option label="intel"
value="i">procesor Intel</option>
<option label="amd"
value="a">procesor AMD</option>
</optgroup>
</select>
</fieldset>
<input type="submit" value=" wy╢lij dane ">
</form>
• • •
Zobacz porady, skrypty, artyku│y i gotowe rozwi▒zania dla w│a╢cicieli stron WWW!
|